@charset "utf-8";
/* header */
#header{
	height: 87px;
	overflow: hidden;
}
#header .logo{
	margin: 23px 0 0 1px;
	float: left;
}
#header .logo .stock{
	position: relative;
	top: -8px;
	margin-left: 12px;
	color: #969696;
	font-size: 12px;
	font-weight: normal;
}
#header .contact{
	margin-top: 28px;
	padding-left: 18px;
	background: url("../images/contact.png") left center no-repeat;
	color: #2271ba;
	float: right;
}

/* nav */
#nav{
	position: relative;
	z-index: 100;
	height: 43px;
	background-color: #2271ba;
}
#nav ul{
	position: relative;
	width: 924px;
	margin: auto;
}
#nav li{
	display: block;
	float: left;
}
#nav .nav-item{
	position: relative;
	width: 110px;
	height: 43px;
	line-height: 43px;
	background-image: url("../images/nav-split.png");
	background-position: 0 -45px;
	background-repeat: no-repeat;
	z-index: 20;

}
.nav-item-last {background-position: 0 -90px !important;}
.nav-item-first {background-position: 0 0 !important;}

#nav .nav-content{
	display: block;
	width: 100px;
	height: 100%;
	margin:auto;
	font-size: 16px;
	text-align: center;
	color: #f5fafd;
}
#nav .nav-hat{ /* 导航顶部装饰 */
	position: absolute;
	top: -4px;
	left: 0;
	display: none;
	width: 132px;
	height: 4px;
	background: url("../images/nav-hat.png");
}
#nav .triangle{ /* 指示三角 */
	display: none;
	width: 0;
	height: 0;
	margin-left: -10px;
	border-width: 10px;
	border-style: solid;
	border-color: #3489d7 transparent transparent transparent;
	font-size: 0;
	position: absolute;
	top: 0;
}
#nav .nav-split{ /* 分割线 */
	display: block;
	width: 2px;
	height: 43px;
	background: url("../images/nav-split.png") center center no-repeat;
}
#nav .nav-sub{
	display: none;
	position: absolute;
	left: 0;
	width: 261px;
	height: 191px;
	margin-left: 5px;
	background: url("../images/nav-subbg.jpg") center center no-repeat;
}
#nav .nav-sub-box{
	width: 130px;
	height: 100%;
	float: left;
}
#nav .nav-sub-box ul{
	width: 100%;
	margin-top: 18px;
}
#nav .nav-sub-box li{
	height: 24px;
	line-height: 24px;
	text-align: center;
	overflow: hidden;
	float: none;
}
#nav .nav-sub-box a{
	color: #707070
}
#nav .nav-sub-box a:hover{
	text-decoration: underline;
}
/* 
 *	.active: 当前页面状态 
 *	.hover:  鼠标悬浮状态
 */
#nav .active .nav-content, 
#nav .hover .nav-content{
	background-color: #3489d7;
}
#nav .active .nav-hat, 
#nav .hover .nav-hat,
#nav .hover .triangle,
#nav .hover .nav-sub {
	display: block;
}
#nav .qr-code{ /* 二维码 */
	position: absolute;
	width: 108px;
	height: 145px;
	right: -102px;
	top: 186px;
	z-index: 10;
}



/* footer */
#footer{
	width: 1000px;
	height: 200px;
	margin: auto;
	text-align: center;
	color: #fff;
	background-color: #2271ba;
}
#footer .contact{
	margin-bottom: 14px;
}
#footer .firend-link{
	margin-bottom: 32px;
	padding-top: 36px;
	color: #1164b2;
}
#footer .firend-link a{
	margin: 0 9px;
	color: #fff;
}
#footer .firend-link a:hover{
	text-decoration: underline;
}


/* banner */
#banner{
	position: relative;
	width: 998px;
	height: 282px;
	border: 1px solid #e8e8e8;
	z-index: 50;
	overflow: hidden;
}
#banner ul{
	position: relative;
}
#banner li{
	width: 998px;
	height: 282px;
	float: left;
}
#banner li img{
	width: 100%;
	height: 100%;
}
/* 首页正文部分 */
.grid{
	border: 1px solid #f0f0f0;
}
.grid-title {
	padding-top: 14px;
	height: 30px;
}
.grid-title h1{
	color: #2271ba;
	font-size: 18px;
	float: left;
}
.grid-title h1 span{
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
}
.grid-title .more{
	float: right;
	color: #a0a0a0;
}

.cert{
	width: 239px;
}
.dynamic{
	width: 751px;
	height: 328px;
	background-color: #fff;
}
.cert{
	background-color: #fff;
}
/* 最新动态 */
.dynamic .grid-title{
	padding-right: 26px;
	padding-left: 32px;
	background: url("../images/dynamic-title.png") 173px 38px no-repeat;
}
.dynamic .grid-title h1 span{
	margin-left: 9px;
}

.dynamic .dyn-photo{
	width: 306px;
	height: 209px;
	margin: 10px 0 0 27px;
	background: url("../images/news.png") center center no-repeat;
	float: left;
}
.dynamic .dyn-photo-link{
	height: 48px;
	overflow: hidden;
	font-size: 14px;
	text-indent: 2em;
	line-height: 24px;
}
.dynamic .dyn-photo-link .more{
	margin-left: 6px;
	color: #2271ba;
}
.dynamic .dyn-photo-link .more:hover{
	text-decoration: underline;
}
.dynamic .dyn-photo-content{
	position: relative;
	width: 286px;
	height: 186px;
	padding-top: 6px;
	margin: 0 auto 18px;
}
.dynamic .dyn-photo-mask{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 30px;
	background-color: #000;
	opacity: 0.4;
	filter:alpha(opacity=40);
}
.dynamic .dyn-photo-desc{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 270px;
	height: 30px;
	padding: 0 8px;
	text-align: center;
	color: #fff;
	line-height: 30px;
	overflow: hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.dynamic .dyn-news{
	width: 387px;
	margin-right: 23px;
	font-size: 14px;
	float: right;
}
.dynamic .dyn-news-head{
	padding: 8px 0;
	border-bottom: 1px solid #eee;
}
.dynamic .dyn-news-head h1{
	line-height: 35px;
	font-size: 18px;
	text-align: center;
}
.dynamic .dyn-news-head h1 a{
	color: #2271ba;
	text-decoration: none;
}
.dyn-news .dyn-news-head p{
	line-height: 24px;
	text-indent: 2em;
	color: #535353;
}
.dyn-news .dyn-news-head .more{
	*margin-top: -24px;
	text-indent: 0;
	color: #2271ba;
	float: right;
}
.dyn-news .dyn-news-head .more:hover{
	text-decoration: underline;
}
.dyn-news .dyn-news-list li{
	height: 30px;
	background: url("../images/list-style1.png") 6px center no-repeat;
	line-height: 30px;
	overflow: hidden;
	text-indent: 24px;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.dyn-news .dyn-news-list li a{
	color: #535353;
}
.dyn-news .dyn-news-list li a:hover{
	text-decoration: underline;
}
.dyn-news .dyn-news-list .new{
	display: inline-block;
	width: 32px;
	height: 13px;
	margin-left: 8px;
	vertical-align: middle;
	background: url("../images/new.png") center center no-repeat;
	zoom: 1;
}
/* 资质荣誉 */
.cert .grid-title{
	margin-bottom: 6px;
	padding-left: 12px;
	padding-right: 11px;
}
#cert-slider{
	position: relative;
	margin: 0 auto 2px;
	width: 176px;
	height: 124px;
	border: 1px solid #f5f4f4;

}
#cert-slider li{
	width: 176px;
	height: 124px;
	text-align: center;
	float: left;
}
#cert-slider li img{
	height: 100%;
}
#cert-slider .prev, #cert-slider .next{
	position: absolute;
	display: block;
	width: 23px;
	height: 35px;
	top: 50%;
	margin-top: -18px;
}
#cert-slider .prev{
	left: -28px;
	background: url("../images/prev.png") center center no-repeat;
}
#cert-slider .next{
	right: -28px;
	background: url("../images/next.png") center center no-repeat;
}
#cert-slider .prev:hover{
	background: url("../images/prev-h.png") center center no-repeat;
}
#cert-slider .next:hover{
	background: url("../images/next-h.png") center center no-repeat;
}
.cert .cert-list{
	margin-left: 20px;
	margin-bottom: 6px;
}
.cert .cert-list li{
	height: 24px;
	background: url("../images/list-style2.png") left center no-repeat;
	text-indent: 14px;
	line-height: 24px;
}
.cert .cert-list li a{
	color: #535353;
}
.cert .cert-list .last{
	width: 100%;
	clear: both;
}
.business{
	padding: 11px 0 13px;
	background-color: #f7f7f7;
	text-align: center;
	font-size: 0;
}
.business a{
	display: inline-block;
	width: 128px;
	height: 89px;
	margin: 0 3px;
	zoom: 1;
}
.business .software{
	background: url("../images/software.png") center center no-repeat;
}
.business .software:hover{
	background: url("../images/software-h.png") center center no-repeat;
}
.business .bim{
	background: url("../images/bim-new.png") center center no-repeat;
}
.business .bim:hover{
	background: url("../images/bim-h-new.png") center center no-repeat;
}
.business .mechatronics{
	background: url("../images/mechatronics.jpg") center center no-repeat;
}
.business .mechatronics:hover{
	background: url("../images/mechatronics-h.jpg") center center no-repeat;
}
.business .bulid{
	background: url("../images/bulid.png") center center no-repeat;
}
.business .bulid:hover{
	background: url("../images/bulid-h.png") center center no-repeat;
}
.business .system{
	background: url("../images/system.png") center center no-repeat;
}
.business .system:hover{
	background: url("../images/system-h.png") center center no-repeat;
}
.business .print{
	background: url("../images/3dprint.png") center center no-repeat;
}
.business .print:hover{
	background: url("../images/3dprint-h.png") center center no-repeat;
}
.business .city{
	background: url("../images/city.png") center center no-repeat;
}
.business .city:hover{
	background: url("../images/city-h.png") center center no-repeat;
}

/* 二级页面相关 */
.channel-head{	/* 栏目图片 */
	height: 125px;
	width: 100%;
}
.bread{	/* 面包屑导航 */
	height: 38px;
	background: url("../images/home.png") 8px center no-repeat;
	text-indent: 30px;
	line-height: 38px;
	font-size: 14px;
	color: #434343;
}
.bread a{
	margin: 0 8px;
	color: #434343;
}
.bread a:hover{
	text-decoration: underline;
}
.aside{ /* 侧边栏 */
	width: 233px;
	background-color: #fff;
	float: left;
}
.sub-main{
	width: 755px;
	border-top: 6px solid #2271ba;
	background-color: #fff;
	float: right;
}
.sub-wrap{
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #e8eaec;
}
.aside-header{
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	background: #2271ba;
}
.aside-list{
	width: 231px;
	padding-bottom: 18px;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #e8eaec;
	background-color: #f6f6f7;
}
.aside-list li{
	position: relative;
	height: 40px;
	margin-left: 22px;
	line-height: 40px;
	font-size: 16px;
	text-indent: 28px;
	background: url("../images/aside-list.png") left bottom no-repeat;
}
.aside-list li a{
	color: #535353;
}
.aside-list li span{
	position: absolute;
	left: 0;
	top: 50%;
	display: none;
	width: 0;
	height: 0;
	margin-top: -6px;
	border-width: 6px;
	border-style: solid;
	border-color: transparent transparent transparent #2271ba;
}
.aside-list li.active a{
	color: #2271ba;
}
.aside-list li.active span{
	display: block;
}
.aside-contact{
	padding: 35px 28px 40px 16px;
	border: 1px solid #e8eaec;
	background-color: #f6f6f7;
}
.aside-contact h2{
	font-size: 18px;
}
.aside-contact .title{
	width: 60px;
}
.aside-contact td{
	line-height: 22px;
	color: #535353;
	vertical-align: top;
}

.sub-news{
	margin-left: 46px;
	margin-bottom: 40px;
	padding: 52px 0 44px 0;
	background: url("../images/sub-news-bg.png") center bottom no-repeat;
}
.sub-news-img{
	width: 251px;
	height: 157px;
	text-align: center;
	background: url("../images/sub-news-imgbg.png") center center no-repeat;
}
.sub-news-img img{
	padding-top: 7px;
}
.sub-news-content{
	width: 400px;
	margin-right: 40px;
}
.sub-news-content h1{
	margin-bottom: 12px;
	font-size: 18px;
	color: #000;
	text-align: center;
}
.sub-news-content h1 a{
	color: #2271ba;
}
.sub-news-content p{
	text-indent: 2em;
	color: #535353;
	font-size: 14px;
}
.sub-list{ /* 文章列表 */
	width: 616px;
	color: #535353;
	margin:0 auto 76px;
	font-size: 14px;
}
.sub-list li{
	width: 100%;
	height: 35px;
	text-indent: 20px;
	line-height: 35px;
	border-bottom: 1px dashed #d2d2d2;
	background: url("../images/list-style1.png") left center no-repeat;
}
.sub-list li a{
	color: #535353;
}
.sub-list .date{

	float: right;
}
.sub-img-list{
	margin:  0 -24px 0 52px;
	padding-top: 64px;
}
.sub-img-list li{
	width: 210px;
	height: 244px;
	margin-right: 24px;
	overflow: hidden;
	float: left;
}
.sub-img-list .sub-img-list-imgbox{
	width: 210px;
	height: 143px;
	background: url("../images/imglist-bg.png") center center no-repeat;
	text-align: center;
}
.sub-img-list .sub-img-list-imgbox img{
	padding-top: 7px;
	width: 190px;
	height: 124px;
}
.sub-img-list p{
	padding: 0 20px;
	line-height: 26px;
	color: #434343;
	text-align: center;
}
/* 文章页 */
.article{
	background: url("../images/article-bg.png") left top no-repeat;
}
.article .article-header{
	width: 670px;
	margin: 0 auto 35px;
	padding-top: 76px;
	border-bottom: 1px solid #e5e5e5;
	text-align: center;
}
.article .article-header h1{
	margin-bottom: 20px;
	font-size: 18px;
	color: #000;
	font-weight: bold;
}
.article .article-header p{
	margin-bottom: 36px;
	color: #999;
}
.article .article-header span{
	margin: 0 15px;
}
.article .article-content{
	width: 700px;
	margin: 0 auto;
	padding-bottom: 70px;
}

/* 文章页 键盘背景 */
.article-keybord{
	padding: 100px 74px 200px;
	background: url("../images/keyboard-bg.jpg") left top no-repeat;
}

/* 加入我们 */
.hr-header{
	width: 640px;
	margin: 0 auto;
	padding-bottom: 24px;
	background: url("../images/sub-news-bg.png") center bottom no-repeat;
}
.hr-header h1{
	margin-bottom: 14px;
	padding-top: 40px;
	font-weight: bold;
	font-size: 18px;
	color: #000
}
.hr-header p{
	text-indent: 2em;
	font-size: 14px;
	line-height: 20px;
}
.hr-title{
	height: 58px;
	text-align: center;
	line-height: 58px;
	font-size: 20px;
	font-weight: bold;
	color: #2271ba;
}
.hr-flow, .hr-location{
	display: block;
	margin: auto;
}
.hr-location{
	margin-bottom: 22px;

}
.hr-addr{
	width: 659px;
	margin: 0 auto 30px;
	padding: 10px 0 10px 44px;
	line-height: 30px;
	border: 1px solid #bfbfbf;
	font-size: 14px;
}

/* 社会招聘 */
.recruit{
	width: 680px;
	padding-top: 32px;
	margin: auto;
}
.recruit-tab{
	position: relative;
	left: -37px;
}
.recruit-tab li{
	position: relative;
	width: 144px;
	height: 39px;
	line-height: 39px;
	text-align: right;
	font-size: 14px;
	cursor: pointer;
	float: right;
}
.recruit-tab li.active{
	background: url("../images/r-la.png") right center no-repeat;
}
.recruit-tab li.active a{
	color: #535353;
}
.recruit-tab .r-l1{ background: url("../images/r-l1.png") right center no-repeat;}
.recruit-tab .r-l2{ background: url("../images/r-l2.png") right center no-repeat;}
.recruit-tab .r-l3{ background: url("../images/r-l3.png") right center no-repeat;}
.recruit-tab .r-l4{ background: url("../images/r-l4.png") right center no-repeat;}
.recruit-tab .r-l5{ background: url("../images/r-l5.png") right center no-repeat;}
.recruit-tab .r-l6{ background: url("../images/r-l6.png") right center no-repeat;}

.recruit-tab .r-l1,
.recruit-tab .r-l2,
.recruit-tab .r-l3,
.recruit-tab .r-l4,
.recruit-tab .r-l5,
.recruit-tab .r-l6{
	margin-right: -37px;
}
.recruit-tab .r-l1 a,
.recruit-tab .r-l2 a,
.recruit-tab .r-l5 a{
	padding-right: 56px;
}
.recruit-tab .r-l2 a{
	padding-right: 36px;
}
.recruit-tab .r-l3 a{
	padding-right: 22px;
}

.recruit-tab .r-l6{
	border-left: 1px solid #2271ba;
}

.recruit-tab li a{
	padding-right: 34px;
	color: #fff;
}

.recruit-tab-box{
	/* width: 662px;
	margin-left: 15px; */
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #2271ba;
	display: none;
}
.recruit div.active{
	display: block;
}
.recruit-tab-list {
	width: 630px;
	margin:0 auto 16px;
	border-bottom: 1px dashed #c9c9c9;
	font-size: 14px;
}
.recruit-tab-list h2{
	line-height: 56px;
	font-size: 14px;
	color: #2271ba;
}
.recruit-tab-list h2, .recruit-tab-list .recruit-tab-content{
	padding-left: 20px;
}
.recruit-tab-content{
	margin-bottom: 30px;
}
.recruit-hot-line{
	height: 88px;
	padding-top: 20px;
	padding-left: 132px;
	font-size: 16px;
	background: url("../images/hot-line.jpg") center center no-repeat;
	line-height: 32px;
}

/* 分页 */
.pager{
	margin-bottom: 42px;
	text-align: center;
	font-size: 0;
}
.pager a{
	display: inline-block;
	width: 32px;
	height: 32px;
	margin: 0 2px;
	line-height: 32px;
	vertical-align: middle;
	text-align: center;
	color: #7d7d7d;
	background-color: #e5e5e5;
	font-size: 12px;
	zoom:1;
}
.pager a.prev{
	background: url("../images/pager-prev.png") center center no-repeat;
}
.pager a.next{
	background: url("../images/pager-next.png") center center no-repeat;
}